import { defineConfig, loadEnv } from 'vite'
import vue from '@vitejs/plugin-vue'
import { resolve } from 'path'

// https://vite.dev/config/
// export default defineConfig({
//   plugins: [vue()],
//   server: {
//     host: '0.0.0.0',
//     port: 8081,
//     hmr: true, // 实时更新
//     open: true, // 自动打开浏览器
//   },
//   resolve: {
//     alias: [
//       {
//         find: '@',
//         replacement: resolve(__dirname, 'src')
//       }
//     ],
//   },
// })



export default defineConfig(({ command, mode }) => {

  const env = loadEnv(mode, process.cwd(), '')
  console.log(mode)
  console.log(env)
  console.log(command)


  return {
    plugins: [vue()],
    server: {
      host: '0.0.0.0',
      port: env.APP_PORT,
      hmr: true, // 实时更新
      open: true, // 自动打开浏览器
      proxy: {
        "/api": {
          target: env.API_BASE_URL,
          changeOrigin: true,
          rewrite: (path) => path.replace(/^\/api/, "") // 访问后端的路径去掉 /api   前缀
        }

      },
    },
    resolve: {
      alias: [
        {
          find: '@',
          replacement: resolve(__dirname, 'src')
        }
      ],
    },
  }
})
